<!doctype html>
<html class="no-js fixed-layout">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Amaze UI Admin index Examples</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="assets/css/amazeui.css" />
		<link rel="stylesheet" href="assets/css/admin.css">
		<link rel="stylesheet" href="assets/css/admin_custom.css" />
		<link rel="stylesheet" href="assets/css/index.css" />
		<script src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/index.js"></script>
	</head>

	<body>
		<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

		<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
		<header class="am-topbar admin-header topbar-color headerbg">
			<div class="am-topbar-brand">
				<strong><img src="assets/images/logo.png" />	</strong> <small>后台管理</small>

			</div>
			<div class="am-fl  ">
				<ul class="am-nav am-nav-pills ceshi">
					<form class="am-topbar-form am-topbar-left am-form-inline am-hide-md-down" role="search">
						<div class="am-form-group">
							<input type="text" class="am-form-field am-input-sm" placeholder="搜索">
						</div>
					</form>
				</ul>

			</div>

			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

			<div class="am-collapse am-topbar-collapse " id="topbar-collapse">

				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list ">

					<li class="am-dropdown" data-am-dropdown>
						<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
							<span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li value="iframe-table.html"><a href="javascript:;"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="javascript:;"><span class="am-icon-cog"></span> 设置</a></li>
							<li><a href="javascript:;"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>

					<li class="am-show-sm-only">
						<div class="am-form-group">
							<input type="text" class="am-form-field am-input-sm" placeholder="搜索" style="background: #f5f5ff;">
						</div>
					</li>

					<li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
				</ul>
			</div>
		</header>
		<header class="am-topbar admin-header topbar-color header fixed2">

			<div class="am-fl  ">
				<ul class="am-nav am-nav-pills ceshi2 headermenu">
					<li class="current"><a href="javascript:;"><span class="am-icon-home  am-icon-md" ></span>首页</a></li>
					<li><a href="javascript:;"><span class="am-icon-wrench  am-icon-md" ></span>基础设置</a></li>
					<li><a href="javascript:;"><span class="am-icon-group  am-icon-md" ></span>粉丝营销</a></li>
					<li><a href="javascript:;"><span class="am-icon-plug   am-icon-md" ></span>模块</a></li>
					<li><a href="javascript:;"><span class="   am-icon-md" ><img src="assets/images/iconfont-test-making.svg" width="30px" height="30px" />	</span>模拟测试</a></li>

				</ul>

			</div>

			<!--<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>-->

			<div class="am-collapse am-topbar-collapse " id="topbar-collapse">

			</div>
		</header>

		<div class="am-cf admin-main">
			<!-- sidebar start -->
			<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">

				<div class="am-offcanvas-bar admin-offcanvas-bar">
					<ul class="am-list admin-sidebar-list menu">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 首页</a></li>

						<li class="admin-parent">
							<a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file am-icon-fw"></span> 页面模块 <span class="am-icon-angle-right am-fr am-margin-right iconactive"></span></a>
							<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
								<li class="Hrefli"><a href="javascript:;" class="am-cf" value="iframe-user.html"><span class="am-icon-check am-icon-fw"></span> 个人资料<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-help.html"><span class="am-icon-puzzle-piece am-icon-fw"></span> 帮助页</a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-gallery.html"><span class="am-icon-th am-icon-fw"></span> 相册页面<span class="am-badge am-badge-secondary am-margin-right am-fr"></span></a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-log.html"><span class="am-icon-calendar am-icon-fw"></span> 系统日志</a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-404.html"><span class="am-icon-bug am-icon-fw"></span> 404</a></li>
							</ul>
						</li>

						<li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li>

						<li class="Hrefli"><a href="javascript:;" value="iframe-form.html"><span class="am-icon-pencil-square-o am-icon-fw"></span> 表单</a></li>

						<li class="Hrefli"><a href="javascript:;"><span class="am-icon-sign-out"></span> 注销</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单2</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单3</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单4</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单5</a></li>

					</ul>
				</div>

			</div>
			<!-- sidebar end -->

			<!-- content start -->
			<ol class="breadcrumb">

			</ol>
			<div class="iframe-con">
				<iframe id="iframe" src="iframe-port.html" frameborder="0" width="100%">
				</iframe>
			</div>

			<!-- content end -->

		</div>

		<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
			<span class="am-icon-btn am-icon-th-list"></span>
		</a>

		<div class="am-g am-padding-lg" id="Api" style="display: none;">
			<div class="am-g am-margin-sm"><b>Url：</b>
				<div id="divurl">
					<textarea disabled style="width: 80%;" rows="1"></textarea>
				</div>
			</div>
			<div class="am-g am-margin-sm"><b>Token：</b>
				<div id="divtoken">
					<textarea disabled style="width: 80%;" rows="1"></textarea>
				</div>
			</div>
			<div class="am-g am-margin-sm"><b>EncodingAESKey：</b>
				<div id="divaes">
					<textarea disabled style="width: 80%;" rows="2"></textarea>
				</div>
			</div>
		</div>

		<footer>
			<hr>
			<p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
		</footer>

		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

		<!--[if (gte IE 9)|!(IE)]><!-->

		<!--<![endif]-->
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/app.js"></script>
		<script type="text/javascript" src="assets/js/layer.js"></script>
		<script type="text/javascript">
			//  				iframe弹出
			function Modal(event, Url, title) {
				//alert(title)
				if (event.srcElement || event.target) {
					layer.open({
						type: 2,
						shade: 0.3,
						title: title, //标题
						area: ['50%', '50%'],
						content: Url //iframe
					});
				}
			}
			//					生成随机数
			function randomWord(randomFlag, min, max) {
				var str = "",
					range = min,
					arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
				// 随机产生
				if (randomFlag) {
					range = Math.round(Math.random() * (max - min)) + min;
				}
				for (var i = 0; i < range; i++) {
					pos = Math.round(Math.random() * (arr.length - 1));
					str += arr[pos];
				}
				return str;
			}
			//3-12随机
			var RandomToken = randomWord(true, 3, 12)
				//alert(RandomToken)
			//64随机
			var RandomAes = randomWord(false, 64)
				//alert(RandomAes)
			//随机数弹窗
			function RandomModal(event) {
				var srcatr = event.srcElement || event.target
				var ModalToken = srcatr.getAttribute('token')
				var Modalaes = srcatr.getAttribute('aes')
				var Modalurl = srcatr.getAttribute('url')
				$("#divurl textarea").val(Modalurl)
				$("#divtoken textarea").val(ModalToken)
				$("#divaes textarea").val(Modalaes)
				if (event.srcElement || event.target) {
					layer.open({
						type: 1,
						shade: 0.3,
						title: "请复制此处token和url到公众平台绑定", //标题
						area: ['55%', '30%'],
						content: $('#Api') //
					});
				}
			}
			$(".am-dropdown-content li").on("click",function(){
				//alert("ceshi")
				var editvalue=$(this).attr("value")
				$(".Hrefli").removeClass("menuactive")
				$('.Hrefli').children('a[value="'+editvalue+'"]').parent(".Hrefli").addClass("menuactive")
				$("#iframe").attr("src", editvalue)
				
				
			})
		</script>
	</body>

</html>